@extends('public.dashboard_base')
@section('title', '发票管理')
@section('content')
    <div class="control_panel_content">
        <div class="navBreadcrumb">
            <ul>
                <li>管理员菜单</li>
                <li><a href="/member/manager/funds/cash_list">资金明细</a></li>
            </ul>
        </div>
        <div class="panel">
            <div class="sub_nav_container" style="margin-bottom: 20px">
                <ul class="clearfix">
                    <li><a href="/member/manager/funds/withdrawal">提现管理</a></li>
                    <li class="active"><a href="/member/manager/funds/cash">资金明细</a></li>
                    <li><a href="/member/manager/funds/invoice">发票管理</a></li>
                </ul>
            </div>

            <div class="demoTable layui-form-item">
                <label class="layui-form-label">状态类型</label>
                <div class="layui-input-inline">
                    <select id="search_type" style="width: 150px;">
             {{--         '操作类型 管理员扣除:-1 管理员充值:0 支付宝充值:1 微信充值:2  消费:11 退款:12 申请提现:13 提现驳回:14 奖励:21 转入:41 转出:42'    --}}
                        <option value=""> 全部</option>
                        <option value="-1">后台扣除</option>
                        <option value="0">后台充值</option>
                        <option value="1">支付宝充值</option>
                        <option value="2">微信充值</option>
                        <option value="11">消费</option>
                        <option value="12">原路退款</option>
                        <option value="13">申请提现</option>
                        <option value="14">提现驳回</option>
                    </select>
                </div>

                <label class="layui-form-label">搜索</label>
                <div class="layui-input-inline">
                    <input class="layui-input" id="search_value" placeholder="ID--操作人" autocomplete="off">
                </div>
                <button class="layui-btn" data-type="search">搜索</button>
            </div>


            {{--         工具栏按钮            --}}
            {{--            <script type="text/html" id="toolbar">--}}
            {{--                <div class="layui-btn-container">--}}
            {{--                    <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>--}}
            {{--                    <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="multiAdd">批量添加</button>--}}
            {{--                    <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="multiDelete">批量删除</button>--}}
            {{--                </div>--}}
            {{--            </script>--}}
            <table id="table" lay-filter="table"></table>

            {{--         行按钮            --}}
{{--            <script type="text/html" id="barDemo">--}}
{{--                @{{#  if(d.status == 0){ }}--}}
{{--                <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="agree">同意</a>--}}
{{--                <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="refuse">驳回</a>--}}
{{--                @{{#  } }}--}}
{{--                @{{#  if(d.status == 1){ }}--}}
{{--                <a class="layui-btn layui-btn-xs" lay-event="edit_value">交易号</a>--}}
{{--                @{{#  } }}--}}
{{--                @{{#  if(d.status == 2){ }}--}}
{{--                <a class="layui-btn layui-btn-xs" lay-event="edit_value">驳回内容</a>--}}
{{--                @{{#  } }}--}}

{{--            </script>--}}
            {{--         显示属性            --}}
            {{--         '操作类型 管理员扣除:-1 管理员充值:0 支付宝充值:1 微信充值:2  消费:11 退款:12 申请提现:13 提现驳回:14 奖励:21 转入:41 转出:42'    --}}
            <script type="text/html" id="typeTpl">
                @{{#  if(d.type == -1){ }}
                <span style="color: red">后台扣除</span>
                @{{#  } }}
                @{{#  if(d.type == 0){ }}
                <span style="color: green">后台充值</span>
                @{{#  } }}
                @{{#  if(d.type == 1){ }}
                <span style="color: green">支付宝充值</span>
                @{{#  } }}
                @{{#  if(d.type == 11){ }}
                <span style="color:purple">消费</span>
                @{{#  } }}
                @{{#  if(d.type == 12){ }}
                <span style="color: blue">原路退款</span>
                @{{#  } }}
                @{{#  if(d.type == 13){ }}
                <span style="color: blue">提现申请</span>
                @{{#  } }}
                @{{#  if(d.type == 14){ }}
                <span style="color: green">提现驳回</span>
                @{{#  } }}
            </script>


        </div>

    </div>
@endsection
@section('script')
    <script type="text/javascript" src="/static/js/laydate.js"></script>
    <script>
        $(function () {
            var link = $("#manager_funds");
            link.parent().parent().parent().addClass("active");
            link.parent().addClass("active");
        });

        //表格
        layui.table.render({
            elem: '#table'
            , id: 'id_table'
            //  , toolbar: '#toolbar'
            , url: '/member/manager/funds/cash' //数据接口
            , method: 'POST'
            , headers: {'X-CSRF-TOKEN': '{{csrf_token()}}'}
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": res.data.data //解析数据列表
                };
            }
            , page: true //开启分页
            , limit: 10
            , cols: [[ //表头
                {type: 'checkbox', fixed: 'left'}
                , {field: 'id', title: 'ID', width: 70, sort: true, fixed: 'left'}
                , {field: 'user_id', title: '用户ID', width: 100}
                , {field: 'operator', title: '操作人', width: 150}
                , {field: 'value', title: '金额', width: 150}
                , {field: 'before', title: '之前', width: 150}
                , {field: 'after', title: '之后', width: 150}
                , {field: 'type', title: '类型',  templet: '#typeTpl'}
                , {field: 'created_at', title: '申请时间', sort: true}
                // , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 180}
            ]]
            , defaultToolbar: [] //'filter', 'exports', 'print'
        });

        //监听搜索按钮
        // var $ = layui.$, active = {
        var active = {
            search: function () {
                layui.table.reload('id_table', {
                    where: { //设定异步数据接口的额外参数，任意设
                        value: $('#search_value').val()
                        , type: $('#search_type').val()
                        // key: {
                        //     email: $('#search_email').val()
                        // }
                    }
                    , page: {
                        curr: 1 //重新从第 1 页开始
                    }
                }); //只重载数据
            }
        };

        $('.layui-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        //监听行工具事件
        layui.table.on('tool(table)', function (obj) {
            if (obj.event === 'del') {
                layer.confirm('真的删除行么', function (index) {
                    obj.del();
                    $.ajax({
                        url: '/manager/news_del',
                        type: "post",
                        data: {'_token': '{{csrf_token()}}', 'id': obj.data.id},
                        success: function (data) {
                            if (data.msg === 'success') {
                                layer.msg('成功', {icon: 1, time: 500}, function () {
                                    layer.close(index);
                                })
                            } else {
                                layer.msg(data.msg, {icon: 2});
                            }
                        },
                        error: function (xhr, Status, error) {
                            layer.msg(Status + ':' + xhr.responseJSON.data, {icon: 2});
                        }
                    });
                    layer.close(index);
                });
            } else if (obj.event === 'edit') {
                window.location.href = '/member/manager/news_edit?id=' + obj.data.id;
            } else if (obj.event === 'agree') {
                //prompt层
                layer.prompt({title: '请输入第三方交易号'}, function (val, index) {
                    $.ajax({
                        url: '/member/manager/funds/withdrawal/status',
                        type: "post",
                        data: {'_token': '{{csrf_token()}}', 'id': obj.data.id, 'status': 1, 'value': val},
                        success: function (data) {
                            if (data.msg === 'success') {
                                layer.msg('成功', {icon: 1, time: 500}, function () {
                                    layui.table.reload('id_table', {
                                        // page: {
                                        //     curr: 1 //重新从第 1 页开始
                                        // }
                                    });
                                })
                            } else {
                                layer.msg(data.msg, {icon: 2});
                            }
                        },
                        error: function (xhr, Status, error) {
                            layer.msg(Status + ':' + xhr.responseJSON.data, {icon: 2});
                        }
                    });
                    layer.close(index);
                });
            } else if (obj.event === 'refuse') {
                //prompt层
                layer.prompt({title: '请输入 驳回原因'}, function (val, index) {
                    $.ajax({
                        url: '/member/manager/funds/withdrawal/status',
                        type: "post",
                        data: {'_token': '{{csrf_token()}}', 'id': obj.data.id, 'status': 2, 'value': val},
                        success: function (data) {
                            if (data.msg === 'success') {
                                layer.msg('成功', {icon: 1, time: 500}, function () {
                                    layui.table.reload('id_table', {
                                        // page: {
                                        //     curr: 1 //重新从第 1 页开始
                                        // }
                                    });
                                })
                            } else {
                                layer.msg(data.msg, {icon: 2});
                            }
                        },
                        error: function (xhr, Status, error) {
                            layer.msg(Status + ':' + xhr.responseJSON.data, {icon: 2});
                        }
                    });
                    layer.close(index);
                });
            } else if (obj.event === 'edit_value') {
                layer.prompt({
                    title: obj.data.status == 1 ? '交易单号' : '驳回内容',
                    value: obj.data.status == 1 ? obj.data.trade_no : obj.data.remarks
                }, function (val, index) {
                    $.ajax({
                        url: '/member/manager/funds/withdrawal/value',
                        type: "post",
                        data: {
                            '_token': '{{csrf_token()}}',
                            'id': obj.data.id,
                            'status': obj.data.status,
                            'value': val
                        },
                        success: function (data) {
                            if (data.msg === 'success') {
                                layer.msg('成功', {icon: 1, time: 500}, function () {
                                    layui.table.reload('id_table', {
                                        // page: {
                                        //     curr: 1 //重新从第 1 页开始
                                        // }
                                    });
                                })
                            } else {
                                layer.msg(data.msg, {icon: 2});
                            }
                        },
                        error: function (xhr, Status, error) {
                            layer.msg(Status + ':' + xhr.responseJSON.data, {icon: 2});
                        }
                    });
                    layer.close(index);
                });
            }
        });
        //监听锁定操作 (switch)
        layui.form.on('switch(switchStatus)', function (obj) {
            //console.log(obj.elem.checked);

            $.ajax({
                url: '/member/manager/user/status',
                type: "post",
                data: {'_token': '{{csrf_token()}}', 'id': obj.value, 'status': obj.elem.checked},
                success: function (data) {
                    if (data.msg === 'success') {
                        layer.msg('成功', {icon: 1, time: 500}, function () {
                            layui.table.reload('id_table', {});
                        })
                    } else {
                        layer.msg(data.msg, {icon: 2});
                    }
                },
                error: function (xhr, Status, error) {
                    layer.msg(Status + ':' + xhr.responseJSON.data, {icon: 2});
                }
            });

        });
        //监听工具栏事件
        layui.table.on('toolbar(table)', function (obj) {
            // var checkStatus = layui.table.checkStatus(obj.config.id);
            // console.log(checkStatus);
            // console.log(obj);
            switch (obj.event) {
                case 'add':
                    window.location.href = '/manager/news_add';
                    break;
                case 'multiAdd':
                    window.location.href = '/manager/news_multi_upload';
                    break;
                case 'multiDelete':
                    var ids = getCheckStatusItem();
                    if (ids.length === 0) {
                        layer.msg('请选择 批量删除的ID');
                        return false;
                    }
                    layer.confirm('真的删除这些么', function (index) {
                        $.ajax({
                            url: '/manager/news_del',
                            type: "post",
                            data: {'_token': '{{csrf_token()}}', 'ids': ids},
                            success: function (data) {
                                if (data.msg === 'success') {
                                    layer.msg('成功', {icon: 1, time: 500}, function () {
                                        layer.close(index);
                                        window.location.reload();
                                    })
                                } else {
                                    layer.msg(data.msg, {icon: 2});
                                }
                            },
                            error: function (xhr, Status, error) {
                                layer.msg(Status + ':' + xhr.responseJSON.data, {icon: 2});
                            }
                        });
                        layer.close(index);
                    });
                    break;
            }
        });


        //获取选中数据
        function getCheckStatusItem() {
            var checkStatus = layui.table.checkStatus('table');
            var data = checkStatus.data;  //获取选中行数据
            var ids = [];
            $.each(data, function ($key, $el) {
                ids.push($el.id);
            });
            return ids;
        }

    </script>
@endsection
